<!-- BEGIN:main -->


<script>
    $(document).ready(function()
    {
        $("#datepicker").datepicker($.datepicker.regional[ "vi" ]);
        $("#locale").change(function() {
            $("#datepicker").datepicker("option",
                    $.datepicker.regional[ $(this).val() ]);
        });

        // bắt sự kiện khi chọn nhóm cha
        // nếu nhóm cha bằng chính nó thì không hợp lệ
        $("#slParentID").change(function()
        {
            var parentID = $(this).val();
            var categoryID = $("#hdCategoryID").val();
            if (parentID == categoryID) {
                alert('Nhóm cha không được là chính nó, vui lòng chọn lại');
                // chọn lại nhóm cha là "không có nhóm cha"
                $(this).val('');
            }
        });
    });

    function submitForm(action)
    {
        var title = $('#txtTitle');
        var alias = $('#txtAlias');
        var parentID = $('#slParentID');
        var categoryID = $("#hdCategoryID");

        if (alias.val() == '') {
            alias.val(title.val());
        }

        var arrayInput = new Array(title);

        var hasError = validateEmptyValue(arrayInput);


        // kiểm tra giá trị hợp lệ
        if (hasError) {
            alert("Vui lòng điền đầy đủ thông tin");
        } else {
            if (parentID.val() == categoryID.val()) {
                alert('Nhóm cha không được là chính nó, vui lòng chọn lại');
                parentID.val('');
            } else {
                var form = document.phpForm;
                form.hdAction.value = action;
                form.submit();
            }

        }
    }

    function BrowseServer() {
        var finder = new CKFinder();
        finder.BasePath = '../blugin/ckeditor3.6.4/ckfinder/';
        finder.startupPath = "Images:/images/";
        finder.SelectFunction = SetFileField;
        finder.Popup();
    }


    function SetFileField(fileUrl) {
        document.getElementById('txtImage').value = fileUrl;
        document.getElementById('hdImage').value = fileUrl;
    }
</script>



<div id="toolbar-box">
    <div class="d_divide5"></div>
    <div class="toolbar" id="toolbar">
        <table class="toolbar">
            <tbody>
                <tr>
                    <td class="button" id="toolbar-save">
                        <a href="javascript:void()" onclick="submitForm('editAndExit')" class="toolbar">
                            <span class="icon-32-save" title="Lưu và thoát">
                            </span>
                            Lưu và thoát
                        </a>
                    </td>

                    <td class="button" id="toolbar-apply">
                        <a href="javascript:void()" onclick="submitForm('edit')" class="toolbar">
                            <span class="icon-32-apply" title="Lưu">
                            </span>
                            Lưu
                        </a>
                    </td>

                    <td class="button" id="toolbar-cancel">
                        <a href=".?com=com_article&view=category&task=view" class="toolbar">
                            <span class="icon-32-cancel" title="Hủy">
                            </span>
                            Hủy
                        </a>
                    </td>

                </tr>
            </tbody>
        </table>
    </div>
    <div class="header icon_48_category_edit">
        Chủ đề: <small><small>[ Chỉnh sửa ]</small></small><br>
    </div>
    <div class="d_divide5"></div>
</div>

<div class="d_divide10"></div>
<div class="d_clear"></div>

<div id="element-box">
    
    <form method="post" name="phpForm">
        <input type="hidden" name="hdAction"/>
        <input type="hidden" name="hdCategoryID" id="hdCategoryID" value="{CATEGORY_ID}"/>
        <div>
            <fieldset class="adminform">
                <legend>Chi tiết</legend>

                <table class="admintable">
                    <tbody>
                        <tr>
                            <td >
                                <label for="txtTitle" class="d_label">Tên: <b class="d_asterisk">*</b></label>
                            </td>
                            <td>
                                <input style="width: 350px;" class="d_text_input" name="txtTitle" id="txtTitle" value="{CATEGORY_TITLE}" size="50" maxlength="50" title="Tên nhóm sản phẩm" type="text" />
                            </td>  
                            <td >
                                <label for="datepicker" class="d_label">Ngày tạo:</label>
                            </td>
                            <td >					
                                <input value="{CATEGORY_MODIFIED_DATE}" class="d_text_input" id="datepicker" style="WIDTH: 80px;" name="createdDate" />
                            </td> 

                        </tr>
                        <tr>
                            <td >
                                <label for="txtAlias" class="d_label">Alias:</label>
                            </td>
                            <td >
                                <input style="width: 350px;" class="d_text_input" name="txtAlias" id="txtAlias" value="{CATEGORY_ALIAS}" size="50" maxlength="50" title="Alias sản phẩm" type="text" />
                            </td> 

                            <td >
                                <label class="d_label">Bật/Tắt nhóm tin:</label> 
                            </td>
                            <td >
                                <!-- BEGIN:state_false -->
                                <input name="rdoState" value="0" checked="checked" class="inputbox" type="radio"  />
                                <label >Tắt</label>
                                <input name="rdoState" value="1" class="inputbox" type="radio" />
                                <label >Bật</label>
                                <!-- END:state_false -->


                                <!-- BEGIN:state_true -->
                                <input name="rdoState" value="0" class="inputbox" type="radio"  />
                                <label >Tắt</label>
                                <input name="rdoState" value="1" checked="checked" class="inputbox" type="radio" />
                                <label >Bật</label>
                                <!-- END:state_true -->                                                
                            </td>                                                                                  					                    
                        </tr>

                        <tr>
                            <td >
                                <label for="parentID" class="d_label"> Nhóm cha:</label>
                            </td>                    
                            <td>
                                <select size="1" style="width: 250px;" class="d_text_input" id="slParentID" name="slParentID">
                                    <option value="0" selected>-- Không có nhóm cha --</option>
                                    <!-- BEGIN:category_list -->
                                    <OPTION {SELECTED_CATEGORY} value={CATEGORY_ID}>{CATEGORY_TITLE}</OPTION>                                            
                                    <!-- END:category_list -->
                                </select>
                            </td>   
                            <td >
                                <label class="d_label"> Ảnh đại diện:</label>                                  
                            <td >
                                <div style="float: left;">
                                    <input style="background: #ffffff;" class="d_text_input" type="text" id="txtImage" name="txtImage" value="{CATEGORY_IMAGE}" disabled="disabled" size="40" />
                                    <input type="hidden" id="hdImage" name="hdImage" value="{CATEGORY_IMAGE}" />
                                </div>

                                <input type="button" class="d_button" value="Chọn ảnh" onclick="javascript:BrowseServer()"/>
                                <!--                                    <a class="d_button" title="Chọn một hình ảnh"  href="javascript:void(0)" onClick="javascript:BrowseServer();">Lựa chọn</a>
                                -->
                            </td>
                        </tr>
                    </tbody></table>
            </fieldset>

            <fieldset class="adminform">
                <legend>Sự miêu tả</legend>


                <textarea name="txtDescription" id="txtDescription">{CATEGORY_DESCRIPTION}</textarea>
                <script language="javascript" type="text/javascript">
                    CKEDITOR.replace('txtDescription',
                            {
                                filebrowserBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html',
                                filebrowserImageBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html?type=Images',
                                filebrowserFlashBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html?type=Flash',
                                height: 250,
                                toolbarStartupExpanded: false
                            });
                </script>

            </fieldset>
        </div>
        <div class="clr"></div>
    </form>


</div>
<noscript>
!Cảnh báo! Javascript phải được bật để chạy được các chức năng trong phần Quản trị		</noscript>

<!-- END:main -->